<template>
<div class="parameter clearfix">
    <!-- 楼盘参数 -->
    <p class="txt">楼盘参数</p>
    <table cellspacing="0" cellpadding="0" class="fl" style="font-size:16px">
        <tr v-for="(item,i) in paramsData1" :key="i">
            <td>{{item.k}}</td>
            <td>{{item.v}}</td>
        </tr>
    </table>
    <table cellspacing="0" cellpadding="0" class="fr" style="font-size:16px">
        <tr v-for="(item,i) in paramsData2" :key="i">
            <td>{{item.k}}</td>
            <td>{{item.v}}</td>
        </tr>
    </table>
</div>
</template>

<script>
export default {
    data() {
        return {
            paramsData1: [{
                    k: '项目占地',
                    v: '1.43万平米'
                },
                {
                    k: '总建筑面积',
                    v: '7.7万平方米'
                },
                {
                    k: '绿化率',
                    v: '51.31%'
                },
                {
                    k:'停车位',
                    v:'420个'
                },
                {
                    k:'楼体结构',
                    v:'框架剪力墙'
                },
                {
                    k:'外立面材质',
                    v:'LOW-E中空玻璃幕墙+大理'
                },
                {
                    k:'单层面积',
                    v:'2300平方米'
                },
                {
                    k:'标准层高',
                    v:'4.2米'
                },
                {
                    k:'商业层高',
                    v:'5.5米'
                },
            ],
            paramsData2:[
                {
                    k:'大堂高度',
                    v:'12米'
                },
                {
                    k:'大堂装修',
                    v:'大理石、透光石'
                },
                {
                    k:'楼板承重',
                    v:'2.5KN/平方米'
                },
                {
                    k:'电力容量',
                    v:'6400KVA'
                },
                {
                    k:'供电系统',
                    v:'双路供电380V'
                },
                {
                    k:'电梯设备',
                    v:'共18部（日立）'
                },
                {
                    k:'网络',
                    v:'联通、电信、移动'
                },
                {
                    k:'网络布线',
                    v:'光纤布线/综合布线'
                },
                {
                    k:'供暖',
                    v:'市政供暖'
                },
                {
                    k:'制冷',
                    v:'中央空调'
                },
            ]
        }
    },
}
</script>

<style lang="less" scoped>
.parameter {
    table {
        border-collapse: collapse;
        tr {
            td {
                width: 290px;
                height: 70px;
                border: 2px solid #1274C8;
                text-align: center;

                &:nth-child(1) {
                    color: #1274C8;
                    background: rgba(18, 116, 200, 0.10);

                }
            }

        }
    }
     .txt {
        text-align: center;
        font-size: 30px;
        font-family: 'PingFangSC-Semibold';
        margin:100px 0px 60px; 
        text-align: center;
        color: #000;
    }

}
</style>
